<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#d2{
				height: 500px;
				background-color: darkcyan;
				border: 2px ridge #00B156;
			}
		</style>
		<script>
			function getDiv()
			{
				var d=document.getElementById("d2");
				//只能获得行内样式
				//alert("高度是："+d.style.height);
				//alert("颜色是："+d.style.backgroundColor);
				var t=d.currentStyle||document.defaultView.getComputedStyle(d,null);
				alert("高度是："+t.height);
				alert("颜色是："+t.backgroundColor);
			}
		</script>
	</head>
	<body>
		<div id="d2">
			
		</div>
		<div id="D1" style="height: 400px;background-color: yellow;"></div>
		<input type="button" value="获得Div的信息" onclick="getDiv()"/>
	</body>
</html>
